<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <script type="text/javascript" src="../../angular.min.js"></script>
        <style>
            .red{ background:red;}
            .yellow{ background:yellow;}
        </style>
    </head>
    <body>
      <div ng-app="myApp">

        <div ng-controller="firstController">

            {{url}}
            <div id="tpl-content" ng-include src="url"></div>

        </div>
          <script type="text/ng-template" id="tpl.html">
              Content of the template.
          </script>

      </div>


      <script type="text/javascript">
          var app = angular.module('myApp',[]);
          app.controller('firstController',['$scope','$interval',function($scope,$interval){

              //$scope.text = '<h1>hello</h1>';
              $scope.text = 'hello';
              $scope.url = 'tpl.html';
          }]);
      </script>


       
    </body>
</html>